<template>
  <div class="-box">
    <div class="primary-header">
      <div
        class="primary-header-item fl"
        :class="{ active: isActive ==='1' }"
        @click="selectTab('1')"
        v-if="fkpower.gryhyj"
      >
		<!-- 消息的气泡 -->
		<el-badge :value="tabs[0].totalNum" :max="99" :hidden="tabs[0].totalNum == 0" class="item">个人用户意见反馈</el-badge>
	  </div>
      <div
        class="primary-header-item fl"
        :class="{ active: isActive ==='3' }"
        @click="selectTab('3')"
        v-if="fkpower.qyyhyj"
      >
	  <!-- 消息的气泡 -->
	  <el-badge :value="tabs[1].totalNum" :hidden="tabs[1].totalNum == 0" :max="99" class="item">企业用户意见反馈</el-badge>
	  </div>
      <div
        class="primary-header-item fl"
        :class="{ active: isActive  ==='2' }"
        @click="selectTab('2')"
        v-if="fkpower.cjwt"
      >招聘求职须知</div>
      <div
        class="primary-header-item fl"
        :class="{ active: isActive  ==='4' }"
        @click="selectTab('4')"
        v-if="fkpower.hzyxfk"
      >
	  <!-- 消息的气泡 -->
	  <el-badge :value="tabs[2].totalNum" :hidden="tabs[2].totalNum == 0" :max="99" class="item">合作意向反馈</el-badge>
	  </div>
    </div>
    <div
      ref="primary_content"
      class="primary-content"
    >
      <div
        class="primary-content-item"
        v-if="isActive === '1' && fkpower.gryhyj"
      >
        <feedback
          type="1"
          v-if="reFresh"
		  :unread.sync="tabs[0].totalNum"
        ></feedback>
      </div>
      <div
        class="primary-content-item"
        v-if="isActive === '3' && fkpower.qyyhyj"
      >
        <feedback
          type="2"
          v-if="reFresh"
		  :unread.sync="tabs[1].totalNum"
        ></feedback>
      </div>
      <div
        class="primary-content-item"
        v-if="isActive == '2' &&  fkpower.cjwt"
      >
        <question></question>
      </div>
       <div
        class="primary-content-item"
        v-if="isActive === '4' && fkpower.hzyxfk"
      >
        <feedback
          type="3"
          v-if="reFresh"
		  :unread.sync="tabs[2].totalNum"
        ></feedback>
      </div>
    </div>
  </div>
</template>

<script src="./index.js">
</script>

<style scoped src="./index.css">
</style>

